<!DOCTYPE html>
<html lang="en">
<head>
	<title>DeoCreative | Blog Standard</title>

	<meta charset="utf-8">
	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="description" content="">
	<link rel="author" href="https://plus.google.com/u/0/104296509460513856975" />
	
	<!-- Google Fonts -->
	<link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700%7CCardo:400,700' rel='stylesheet' type='text/css'>

	<!-- Css -->
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/magnific-popup.css" />
	<link rel="stylesheet" href="revolution/css/settings.css" />
	<link rel="stylesheet" href="css/rev-slider.css" />
	<link rel="stylesheet" href="css/font-icons.css" />
	<link rel="stylesheet" href="css/sliders.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/responsive.css" />
	<link rel="stylesheet" href="css/spacings.css" />
	<link rel="stylesheet" href="css/animate.min.css" />

	<!-- Favicons -->
	<link rel="shortcut icon" href="img/favicon.ico">
	<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

</head>

<body data-spy="scroll" data-offset="60" data-target=".nav-wrap" class="onepage padding-box">

	<!-- Preloader -->
	<div class="loader-mask">
		<div class="loader">
			"Loading..."
		</div>
	</div>

	<header class="nav-type-2 onepage-nav" id="home">
		<nav class="navbar navbar-fixed-top">
			<div class="navigation-overlay">

				<div class="container-fluid semi-fluid relative clearfix">

					<div class="row">

						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						</div> <!-- end navbar-header -->

						<div class="logo-container">
							<div class="logo-wrap local-scroll">
								<a href="#home" class="logo">
									<img src="img/logo_light.png" alt="logo">
								</a>
							</div>
						</div>

						<div class="col-md-9 nav-wrap right">
							<div class="collapse navbar-collapse" id="navbar-collapse">
							  
								<ul class="nav navbar-nav local-scroll navbar-right">

									<li>
										<a href="index.html#home">Home</a>
									</li>
									<li>
										<a href="index.html#portfolio">Works</a>
									</li>
									<li>
										<a href="index.html#services">Services</a>
									</li>
									<li>
										<a href="index.html#about-us">About</a>
									</li>							            
									<li class="active">
										<a href="#blog">Blog</a>
									</li>
									<li>
										<a href="index.html#contact">Contact</a>
									</li>
									<li>
										<a href="../index.html">All Demos</a>
									</li>
						
								</ul>
							</div>
						</div> <!-- end col -->

					</div> <!-- end row -->
				</div> <!-- end container -->
			</div>
		</nav>
	</header>

	<div class="main-wrapper oh">

		<!-- Page Title -->
		<section class="page-title text-center" style="background-image: url(img/blog_title_bg.jpg);">
			<div class="container relative clearfix">
				<div class="title-holder">
					<div class="title-text">
						<h1>Blog Standard</h1>
						<ol class="breadcrumb">
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="index.html">Blog</a>
							</li>
							<li class="active">
								Blog Standard
							</li>
						</ol>
					</div>
				</div>
			</div>
		</section> <!-- end page title -->

		<!-- Blog Standard -->
		<section class="section-wrap blog-standard pb-70">
			<div class="container relative">
				<div class="row">
					
					<!-- content -->
					<div class="col-md-9 post-content mb-60">

						<!-- standard post -->
						<article class="entry-item">
							<div class="entry-img hover-scale">
								<a href="blog-single.html">
									<img src="img/blog/post_img_1.jpg" alt="">
								</a>
							</div>

							<div class="entry">					
								<h2 class="entry-title">
									<a href="blog-single.html">Making your first million is easy-if you follow these 5 steps</a>
								</h2>
								<ul class="entry-meta">
									<li class="entry-date">
										Jan 19, 2016
									</li>
									<li class="entry-author">
										<a href="#">Jake Jhonson</a>
									</li>
									<li class="entry-category">
										in <a href="#">Business</a>
									</li>																			
									<li class="entry-comments">
										<a href="blog-single.html">15 Comments</a>
									</li>							
								</ul>
								<div class="entry-content">
									<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amadea is a simple and elegant template with tons of features. Lorem ipsum dolor sit amet, consectetur.</p>
									<a href="blog-single.html" class="btn btn-md btn-light">Read More</a>
								</div>
							</div>
						</article> <!-- end standard post -->

						<!-- gallery post -->
						<article class="entry-item">
							<div class="entry-slider">
								<div class="flexslider light-dots" id="flexslider">
									<ul class="slides clearfix">
										<li>
											<a href="#">
												<img src="img/blog/gallery_post_img_1.jpg" alt="">
											</a>
										</li>
										<li>
											<a href="#">
												<img src="img/blog/gallery_post_img_2.jpg" alt="">
											</a>
										</li>
										<li>
											<a href="#">
												<img src="img/blog/gallery_post_img_3.jpg" alt="">
											</a>
										</li>
									</ul>
								</div>
							</div> <!-- end slider -->

							<div class="entry">					
								<h2 class="entry-title">
									<a href="blog-single.html">Gallery blog post. Italian fashion</a>
								</h2>
								<ul class="entry-meta">
									<li class="entry-date">
										Jan 19, 2016
									</li>
									<li class="entry-author">
										<a href="#">Jake Jhonson</a>
									</li>
									<li class="entry-category">
										in <a href="#">Business</a>
									</li>																			
									<li class="entry-comments">
										<a href="blog-single.html">15 Comments</a>
									</li>							
								</ul>
								<div class="entry-content">
									<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amadea is a simple and elegant template with tons of features. Lorem ipsum dolor sit amet, consectetur.</p>
									<a href="blog-single.html" class="btn btn-md btn-light">Read More</a>
								</div>
							</div>
						</article> <!-- end gallery post -->

						<!-- video post -->
						<article class="entry-item">
							<div class="entry-video video-wrap">
								<iframe width="640" height="360" src="https://player.vimeo.com/video/147000414?badge=0" allowfullscreen></iframe>
							</div>

							<div class="entry">							
								<h2 class="entry-title">
									<a href="blog-single.html">This is awesome Vimeo video post.</a>
								</h2>
								<ul class="entry-meta">
									<li class="entry-date">
										Jan 19, 2016
									</li>
									<li class="entry-author">
										<a href="#">Jake Jhonson</a>
									</li>
									<li class="entry-category">
										in <a href="#">Business</a>
									</li>																			
									<li class="entry-comments">
										<a href="blog-single.html">15 Comments</a>
									</li>							
								</ul>
								<div class="entry-content">
									<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amadea is a simple and elegant template with tons of features. Lorem ipsum dolor sit amet, consectetur.</p>
									<a href="blog-single.html" class="btn btn-md btn-light">Read More</a>
								</div>
							</div>
						</article> <!-- end video post -->

						<!-- blockquote post -->
						<article class="entry-item">
							<div class="entry blockquote">							
								<blockquote class="blockquote-style-1">
									<ul class="entry-meta">
										<li class="entry-date">
											Jan 19, 2016
										</li>
										<li class="entry-author">
											<a href="#">Jake Jhonson</a>
										</li>
										<li class="entry-category">
											in <a href="#">Business</a>
										</li>																			
										<li class="entry-comments">
											<a href="blog-single.html">15 Comments</a>
										</li>							
									</ul>
									<p>
										<a href="blog-single.html">Incredible change happens in your life when you decide to take control of what you do have power over instead of craving control over what you don't.</a>
									</p>
									<span>Steve Maraboli</span>
								</blockquote>
							</div>
						</article> <!-- end blockquote post -->

						<!-- text only post -->
						<article class="entry-item">

							<div class="entry">					
								<h2 class="entry-title">
									<a href="blog-single.html">Text blog post. Adventurous man using bicycle</a>
								</h2>
								<ul class="entry-meta">
									<li class="entry-date">
										Jan 19, 2016
									</li>
									<li class="entry-author">
										<a href="#">Jake Jhonson</a>
									</li>
									<li class="entry-category">
										in <a href="#">Business</a>
									</li>																			
									<li class="entry-comments">
										<a href="blog-single.html">15 Comments</a>
									</li>							
								</ul>
								<div class="entry-content">
									<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amadea is a simple and elegant template with tons of features. Lorem ipsum dolor sit amet, consectetur.</p>
									<a href="blog-single.html" class="btn btn-md btn-light">Read More</a>
								</div>
							</div>
						</article> <!-- end text only post -->


						<!-- Pagination -->
						<nav class="pagination clear mt-10">
							<a href="#"><i class="fa ti-arrow-left"></i></a>
							<span class="page-numbers current">1</span>
							<a href="#">2</a>
							<a href="#">3</a>
							<a href="#">4</a>
							<a href="#"><i class="ti-arrow-right"></i></a>
						</nav>

					</div> <!-- end col -->
					
					<!-- Sidebar -->
					<aside class="col-md-3 sidebar">

						<div class="widget search">
							<form class="relative input-group">
								<input type="search" class="searchbox mb-0" placeholder="Search">
								<span class="input-bar"></span>
								<button type="submit" class="search-button"><i class="ti-search"></i></button>
							</form>
						</div>

						<!-- Categories -->
						<div class="widget categories">
							<h3 class="widget-title heading relative heading-small uppercase bottom-line style-2 left-align">Categories</h3>
							<ul>
								<li>
									<a href="#">Design</a>
								</li>
								<li class="active-cat">
									<a href="#">Photography</a>
								</li>
								<li>
									<a href="#">News</a>
								</li>
								<li>
									<a href="#">Typography</a>
								</li>
								<li>
									<a href="#">Fashion</a>
								</li>
							</ul>
						</div>

						<div class="widget popular-latest">
							<h3 class="widget-title heading relative heading-small uppercase bottom-line style-2 left-align">Latest Posts</h3>
								
							<ul class="posts-list">
								<li>
									<article>
										<div class="entry">
											<h3 class="entry-title"><a href="magazine-single-article.html">6 Ways to Be More Productive by Working Less</a></h3>
											<ul class="entry-meta list-inline">
												<li class="entry-date">
													Jan 19, 2016
												</li>
											</ul>
										</div>
									</article>
								</li>
								<li>
									<article>
										<div class="entry">
											<h3 class="entry-title"><a href="magazine-single-article.html">3 Key Lessons for My Kids About Becoming Entrepreneurs</a></h3>
											<ul class="entry-meta list-inline">
												<li class="entry-date">
													Jan 19, 2016
												</li>
											</ul>
										</div>
									</article>
								</li>
								<li>
									<article>
										<div class="entry">
											<h3 class="entry-title"><a href="magazine-single-article.html">7 Traits That Define Work Productivity Superstars</a></h3>
											<ul class="entry-meta list-inline">
												<li class="entry-date">
													Jan 19, 2016
												</li>
											</ul>
										</div>
									</article>
								</li>
							</ul>

						</div> <!-- end popular / recent -->


						<!-- Tags -->
						<div class="widget tags clearfix">
							<h3 class="widget-title heading relative heading-small uppercase bottom-line style-2 left-align">Tags</h3>
							<a href="#">Multi-purpose</a>
							<a href="#">Creative</a>
							<a href="#">Elegant</a>
							<a href="#">Clean</a>
							<a href="#">Modern</a>
							<a href="#">Responsive</a>
							<a href="#">E-commerce</a>
							<a href="#">WordPress</a>
							<a href="#">Woocommerce</a>
							<a href="#">Store</a>
							<a href="#">Business</a>
						</div>

					</aside> <!-- end sidebar -->
	
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end blog standard -->


		<div class="footer-spacer">&nbsp;</div>
		<!-- Footer -->
		<footer class="footer bg-dark">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">

						<div class="col-md-6 col-md-offset-3">
							
							<div class="footer-logo local-scroll text-center mb-20">
								<div class="logo-wrap local-scroll">
									<a href="#home" class="logo">
										<img src="img/logo_light.png" alt="logo">
									</a>
								</div>
							</div>

							<div class="footer-socials mt-mdm-10">
								<div class="social-icons text-center">
									<a href="#">Twitter</a> -
									<a href="#">Facebook</a> -								
									<a href="#">Google</a> -
									<a href="#">Youtube</a> -
									<a href="#">Linkedin</a>
								</div>
							</div>

						</div>

					</div>
				</div>		
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">

						<div class="col-sm-12 copyright text-center">
							<span>
								© 2016 DeoOnepage  |  Made by DeoThemes. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
							</span>
						</div>

					</div>
				</div>
			</div> <!-- end bottom footer -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->

	<!-- jQuery Scripts -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/plugins.js"></script>
	<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="js/rev-slider.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	  
</body>
</html>